<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<meta name="applicable-device" content="mobile">
	<meta name="author" content="zhj、jsl" />
	<title>填写订单</title>
	<link rel="apple-touch-icon" href="../img/logo100.png">
	<link rel="icon" href="../img/logo100.png">
	<link rel="stylesheet" type="text/css" href="../lisp/vant/css/vantCss.css?rev=@@hash" />
	<link rel="stylesheet" type="text/css" href="../css/common.min.css?rev=@@hash" />
	<link rel="stylesheet" type="text/css" href="../css/productDetails.css?rev=@@hash" />
	<link rel="stylesheet" type="text/css" href="../css/gap.css?rev=@@hash" />
	<!-- 自己的css -->
	<link rel="stylesheet" type="text/css" href="../css/orderFilling.css?rev=@@hash" />
</head>

<body>
	<div class="hui"></div>
	<div class="bai"></div>
	<div class="hintInfo"></div>
	<div class="loadImgBox">
		<img class="loadImg" src="../img/load.gif?v= 7f0d7ae" />
	</div>
	<div id="app" class="main" v-cloak>
		<div v-html="aliPay"></div>
		<div class="order-info">
			<!--未添加地址情况-->
			<van-list v-show="!type">
				<van-cell class="cellhegit">
					<van-field v-model.tirm="addAdress.name" label="收货人:" placeholder="姓名" />
				</van-cell>
				<van-cell class="cellhegit">
					<van-field v-model.tirm="addAdress.phone" maxLength='11' label="手机号:" placeholder="配送员联系您的电话" />
				</van-cell>
				<van-cell class="cellhegit">
					<van-field @click='show=true' v-model="addAdress.province+addAdress.city+addAdress.district" is-link readOnly label="收货区域:" placeholder="省份 城市 区域" />
				</van-cell>
				<van-cell class="cellhegit">
					<van-field v-model.trim="addAdress.address" label="详细地址:" placeholder="楼号/单位/门牌号" />
				</van-cell>
				<div class="storage">
					<van-button @click='saveAddress' class='cursor-mouse' type="danger">保存收货信息</van-button>
				</div>
			</van-list>
			<!--默认地址-->
			<van-list class='cursor-mouse' v-show="!!type" v-for='item,index in address' :key='index'>
				<van-cell is-link @click='toAddressList'>
					<div class="boxaddress">
						<div class="uesrName">
							<span v-text="item.name"></span>
							<span v-text="item.phone"></span>
						</div>
						<div class="defaultAdd">
							<i></i>
							<span v-text="item.province+item.city+item.district+item.address"></span>
						</div>
					</div>
				</van-cell>
			</van-list>
			<div class="imgxian">
				<img src="../img/shop/address.png" height="2" />
			</div>
			<!-- 商品列表回显 -->
			<div class="orderFilling-orderInfo">
				<template v-for="itm in list">
					<template v-for="item,index in itm.packList">
						<van-cell>
							<div class="cellbox">
								<div class="imgbox-s">
									<img :src="item.imgUrl.indexOf('/group1/M00/')>0?item.imgUrl+'_200x5000.jpg':item.imgUrl" />
								</div>
								<div class="order-details">
									<div class="goodsName-box" v-text="item.goodsName"></div>
									<div class="specifications-box">规格：<span v-text="item.specifications"></span></div>
									<div class="orderFilling-no-coupons" v-show='item.isCoupons==1'>不参与优惠</div>
									<div class="cellbox">
										<div class="cellcenter">￥<span v-text="item.sellingPrice"></span></div>
										<div class="payNumber">x<span v-text="item.num"><span></div>
									</div>
								</div>
							</div>
						</van-cell>
						<!-- 单品优惠 - start &&buyWay!=2 -->
						<van-cell-group class='order-coupon' v-show='item.isCoupons==0&&item.type!=4'>
							<van-cell v-if='item.type!=1' title="单品优惠" is-link :value="item.couponsName" @click='getCouponsV3(index,item.code,item.num,item.goodsCode,item.isKill)'></van-cell>
						</van-cell-group>
						<!-- 单品优惠 - end -->
					</template>
					<van-cell v-if='itm.packShippingAmount>0'>
						<div class="cellboxs">
							<div>邮费</div>
							<div><span v-text="itm.packShippingAmount+'元'"></span></div>
						</div>
					</van-cell>
					<div class='orderFilling-hui'></div>
				</template>
			</div>
			<!-- 商品列表回显 -->
			<!-- 优惠券单元格  v-show='buyWay!=2' -->
			<van-cell-group class='order-coupon' v-for='item,index in orderData.orderFullList'>
				<!-- :title="?'优惠券':'订单满减优惠'" -->
				<van-cell v-if='index==0' title="订单满减优惠" is-link :value="orderData.orderFullList[couponIndex].name" @click='showCoupon=!showCoupon' />
			</van-cell-group>
			<!-- 优惠券单元格 -->
			<!--备注-->
			<div class="remarks">
				<van-cell-group>
					<van-field maxLength='200' v-model="remark" label="备注 :" type="textarea" placeholder="不接受指定快递，特殊需求请说明" rows="1" autosize />
				</van-cell-group>
			</div>
			<div class="remarks_two">
				<!--商品金额-->
				<van-cell>
					<div class="cellboxs">
						<div>商品金额</div>
						<div>￥<span v-text="orderData.goodsAmount"></span></div>
					</div>
				</van-cell>
				<!--运费-->
				<van-cell>
					<div class="cellboxs">
						<div>运费</div>
						<div>￥<span v-text="orderData.shippingAmount"></span></div>
					</div>
				</van-cell>
				<!--拼团优惠券 orderFullList[couponIndex]-->
				<template v-if='!!activityId&&!!orderData.coupons&&!!orderData.coupons.name'>
					<van-cell>
						<div class="cellboxs">
							<div v-text="!!orderData.coupons?orderData.coupons.name:''"></div>
							<div>-￥<span v-text="!!orderData.coupons?(orderData.coupons.money+orderData.shippingAmount):''"></span></div>
						</div>
					</van-cell>
				</template>
				<!-- 只有非拼团、大礼包的时候（正常商品）才显示出来 -->
				<van-cell v-if='!activityId&&isGiftPacksOrder==1'>
					<div class="cellboxs">
						<div>单品优惠</div>
						<div>￥<span v-text='orderData.singleAmount'></span></div>
					</div>
				</van-cell>
				<van-cell v-if='!activityId&&isGiftPacksOrder==1'>
					<div class="cellboxs">
						<div>满减优惠</div>
						<div>
							￥<span v-text='orderData.fullAmount'></span></div>
					</div>
				</van-cell>
				<!-- 只有非拼团、大礼包的时候才显示出来 -->
			</div>
			<van-radio-group v-model="radio">
				<!--微信支付-->
				<van-cell v-show='isWx' clickable @click="radio = '4'">
					<div class="cellboxs">
						<img src="../img/shop/weixin.png" class="imgdiboss" />
						<span class="pay-text">微信支付</span>
						<div>
							<van-radio name="4">
						</div>
					</div>
				</van-cell>

				<!--支付宝支付-->
				<van-cell v-show='!isWx' clickable @click="radio = '5'">
					<div class="cellboxs">
						<img src="../img/shop/zhifubao.png" class="imgdiboss" />
						<span class="pay-text">支付宝支付</span>
						<div>
							<van-radio name="5">
						</div>
					</div>
				</van-cell>
			</van-radio-group>
		</div>
		<div class="orderFilling-postage-box">
			<div class="orderFilling-postage-info-box">
				<div class='orderFilling-postage-needPay'>需付款：<i v-text="'¥ '+(payAmount/100).toFixed(2)"></i></div>
				<div class="orderFilling-postage-info" v-text="orderData.shippingAmount==0?'（免运费）':'(含运费'+orderData.shippingAmount+')'"></div>
			</div>
			<div @click='submitH5Order' class="orderFilling-postage-submit">提交订单</div>
		</div>
		<!-- <van-submit-bar @submit='submitH5Order' :price="payAmount" label="需付款：" button-text="提交订单"></van-submit-bar> -->
		<van-popup v-model="show" position="bottom">
			<van-area @confirm="choseOver" @cancel="show=false" :area-list="areaList" value="110101" label="收货区域:" placeholder="省份城市区域" />
		</van-popup>
		<van-popup class="order-coupon-box" v-model="showCoupon" position="bottom">
			<div class="order-coupon-title textCenter">
				可用优惠券
			</div>
			<van-radio-group v-model="goodsInfo.orderCouponsCode">
				<van-cell clickable v-for='item,index in orderData.orderFullList' :key='index' @click="goodsInfo.orderCouponsCode=item.code,couponIndex=index">
					<!-- 以code替换batchCode 实现默认选中 -->
					<div class="cellboxs">
						<span class="orderFill-coupon-text" v-text='item.name'></span>
						<div>
							<van-radio :name="item.code">
						</div>
					</div>
				</van-cell>
			</van-radio-group>
			<div class="order-coupon-btn" @click='isCouponV4'>完成</div>
		</van-popup>
		<!-- 单品优惠券 start -->
		<van-popup class="order-coupon-box" v-model="showCouponV3" position="bottom">
			<div class="order-coupon-title textCenter">
				可用优惠券
			</div>
			<van-radio-group v-model="couponsV3CNum">
				<van-cell clickable v-for='item,index in couponsV3' :key='index' @click="couponsV3CNum=item.code">
					<!-- 以code替换batchCode 实现默认选中 -->
					<div class="cellboxs">
						<span class="orderFill-coupon-text" v-text='item.name'></span>
						<div>
							<van-radio :name="item.code">
						</div>
					</div>
				</van-cell>
			</van-radio-group>
			<div class="order-coupon-btn" @click='isCouponV3'>完成</div>
		</van-popup>
		<!-- 单品优惠券 end -->
	</div>
</body>
<script src="../lisp/jquery-2.1.4.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/fastclick.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vue.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vant/js/vantJs.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/address.js?v=20181016" type="text/javascript" charset="utf-8"></script>
<script src="../js/constant.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../js/common.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<!-- 自己的js -->
<script src="../js/orderFilling.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>

</html>
